<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Detail</title>
</head>
<style type="text/css">
    .detail_out{
        width: 1200px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .detail_left{
        width: 518px;
        float: left;
        display: inline-block;
    }
    .detail_right {
        width: 666px;
        float: right;
        display: inline-block;
    }
    .detail_caption {
        width: 614px;
        color: #000000;
        font-size: 24px;
        display: inline-block;
    }
    .detail_block{
        width: 627px;
        height: 72px;
        background-color: #f6f6f6;
        display: block;
    }
    .detail_phone{
        color: #777777;
        font-size: 16px;
    }

    .small_cap {
        color: #777777;
        font-size: 12px;
        display: inline-block;
        min-width: 70px;
    }
    .lable{
        width: 50px;
        height: 19px;
        border-radius: 4px;
        border: 1px solid #555555;
        display: inline-block;
        margin-right: 12px;
        text-align: center;
        line-height: 19px;

    }
</style>
<body>
{{template "head.html" .}}
<div class="detail_out">
    <div class="detail_left">
        <img src="/img/detail_1.png">
    </div>
    <div class="detail_right">
    <span class="detail_caption" style="margin-top: 12px">
        毕业季轻奢定制-多瑙河私人游艇狂欢派对-塞尔维亚6日经典游
    </span>
        <span class="detail_block" style="margin-top: 32px;vertical-align: middle">
            <span style="height: 24px;vertical-align: top;">￥</span><span style="height: 24px;vertical-align: middle;display:inline-block;">12000</span><span style="height:24px;display:inline-block;vertical-align: bottom;color: #777777;font-size: 12px;">起/每人</span>
        </span>
        <div style="height: 28px;display: inline-block;vertical-align: middle;margin-top: 32px" class="detail_phone">
        <img src="/img/detail_phone.png" style="margin-right: 42px;vertical-align: middle">010-88888888<img src="/img/detail_wechat.png" style="margin-right: 42px;margin-left: 70px;vertical-align: middle">ZXW1991
        </div>
        <div style="height: 20px;margin-top: 52px">
            <span class="small_cap">关键词</span><span class="lable">逼格</span><span class="lable">逼格</span><span class="lable">逼格</span><span class="lable">逼格</span>
        </div>
        <br>
        <span class="small_cap">出发城市</span><span>北京出发</span>
        <span class="detail_block" style="margin-top: 32px;vertical-align: middle">
            <span class="small_cap">最终报价</span><span style="  width: 228px;
  height: 72px;
  background-color: #fdd000;display: inline-block;float: right;line-height: 72px;color: #000000;text-align: center;
  font-size: 24px;">立即购买</span>
        </span>
    </div>
</div>
{{template "foot.html" .}}
</body>
</html>